{% extends 'front/_layout.html' %}
{% block title %}
<title>首页_杨青个人博客 - 一个站在web前端设计之路的女技术员个人博客网站</title>
<meta name="keywords" content="个人博客,杨青个人博客,个人博客模板,杨青" />
<meta name="description" content="杨青个人博客，是一个站在web前端设计之路的女程序员个人网站，提供个人博客模板免费资源下载的个人原创网站。" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="../../../static/front/css/base.css" rel="stylesheet">
<link href="../../../static/front/css/index.css" rel="stylesheet">
<link href="../../../static/front/css/m.css" rel="stylesheet">
<!--[if lt IE 9]>
<script src="js/modernizr.js"></script>
<![endif]-->
<script src="../../../static/front/js/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="../../../static/front/js/hc-sticky.js"></script>
<script type="text/javascript" src="../../../static/front/js/comm.js"></script>
<script src="../../../static/front/js/scrollReveal.js"></script>
{% endblock %}
<{% block contenr %}


  <div class="picbox">
    {% for foo in  page_obj %}
    <ul>
      <li data-scroll-reveal="enter bottom over 1s" ><a href="/front/infopic?id={{ foo.id }}">
          <i><img src="../../../static/back/{{ foo.picurl }}"></i>

        <div class="picinfo">
          <h3>{{ foo.title|slice:10 }}</h3>
          <span>{{ foo.data }}</span> </div>
        </a></li>
        </ul>
    {% endfor %}
  </div>
    <div>
    <div class="pagelist">
     <div class="pagination">
        <span class="step-links">
            {% if page_obj.has_previous %}
                <a href="/front/gallery?page=1">第一页</a>
                <a href="/front/gallery?page={{ page_obj.previous_page_number }}">上一页</a>
            {% endif %}

            <span class="current">
                <a href="/front/gallery?page={{ page_obj.number }}">{{ page_obj.number }}页</a>
            </span>

            {% if page_obj.has_next %}
                <a href="/front/gallery?page={{ page_obj.next_page_number }}">下一页</a>
                <a href="/front/gallery?page={{ page_obj.paginator.num_pages }}">末尾</a>
             {% endif %}
        </span>
     </div>
   </div>
    </div>

{% endblock %}
<script>
	if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){
		(function(){
			window.scrollReveal = new scrollReveal({reset: true});
		})();
	};
</script>

